import React from 'react'
import { Popconfirm, Modal, Input, Table, Button } from 'antd'



export default function List(props) {
    const { title, switchState, onOk,data,tqDataList} = props;
    return (
        <div>
            <div>
            {data==='1'&&<Modal closable={false} title={title.title} open={switchState} onOk={onOk} onCancel={onOk} mask={false} width={600} bodyStyle={{
                    //height: 400
                }}>
                    责任人： {
                        //根据点击内容切换文字描述
                        title.zrr
                    }&nbsp;&nbsp;&nbsp;
                    联系电话：15545673333
                    <br></br>
                    
                    <br></br>
                    调查任务描述
                    <Input.TextArea rows={3} placeholder='隐患解除原因' value={`${title.yhmc}风险隐患情况及综合减灾能力调查`} />
                    <br></br>
                    现场情况
                    <Input.TextArea rows={3} placeholder='其余信息'/>
                    <br></br>
                    调查结果
                    <Input.TextArea rows={3} placeholder='隐患解除原因' value={`灾害预案级别：${title.yajb}    安置方式：${title.azfs}   10km内政府综合减灾资源：` } />


                </Modal>}
                {data==='2'&&<Modal closable={false} title={title.title} open={switchState} onOk={onOk} onCancel={onOk} mask={false} width={600} bodyStyle={{
                    //height: 400
                }}>
                    责任人： {
                        //根据点击内容切换文字描述
                        title.zrr
                    }&nbsp;&nbsp;&nbsp;
                    联系电话：15545673333
                    <br></br>
                    
                    <br></br>
                    排查任务描述
                    <Input.TextArea rows={3} placeholder='隐患解除原因' value={`${title.xzqhmc}风险隐患排查`} />
                    <br></br>
                    现场情况
                    <Input.TextArea rows={3} placeholder='隐患解除原因' value={`${title.yhdf}  ${title.yhmc}(${title.jd},${title.wd}):可能会由于${title.yfys}引发${title.yhlx}`}/>
                    <br></br>
                    排查任务结果
                    <Input.TextArea rows={3} placeholder='隐患解除原因' value={`申请预案级别：${title.yajb}       安置方式：${title.azfs}`} />


                </Modal>}
                {data==='3'&&tqDataList&&<Modal closable={false} title={title.yhmc} open={switchState} onOk={onOk} onCancel={onOk} mask={false} width={600} bodyStyle={{
                    //height: 400
                }}>
                    
                    <br></br>
                    
                    <br></br>
                    风险点的实况数据
                    <Input.TextArea rows={3} placeholder='风险点的实况数据' value={'null'} />
                    <br></br>
                    风险点的预报数据
                    <Input.TextArea rows={3} placeholder='风险点的预报数据' value={`风向：${tqDataList[title.tq]?.fx}  风速：${tqDataList[title.tq]?.fs}  降雨量：${tqDataList[title.tq]?.qw}`}/>
                    <br></br>
                    区域范围的预报数据
                    <Input.TextArea rows={3} placeholder='区域范围的预报数据' value={`null` } />


                </Modal>}
                {data==='5'&&<Modal closable={false} title={title.yhmc} open={switchState} onOk={onOk} onCancel={onOk} mask={false} width={600} bodyStyle={{
                    //height: 400
                }}>
                    
                    <br></br>
                    
                    <br></br>
                    灾害风险情况描述
                    <Input.TextArea rows={3} placeholder='风险点的实况数据' value={`${title?.xq}`} />
                    <br></br>
                    灾害风险情况图片数据
                    <Input.TextArea rows={5} placeholder='风险点的预报数据' value={`null`}/>
                    <br></br>
                    灾害风险情况视频数据
                    <Input.TextArea rows={5} placeholder='区域范围的预报数据' value={`null` } />


                </Modal>}
                
            </div>
        </div>
    )
}
